<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 通过script标签，标签内引入js/jquery-3.6.0.min.js -->
    <script src="{{ url_for('static',filename='js/jquery-3.6.0.min.js') }}"></script>
    <!--生成一个加在css文件的link标签，herf为{{ url_for('static',filename='css/lottery.css') }}-->
    <link rel="stylesheet" href="{{ url_for('static',filename='css/lottery.css') }}">

</head>
<body>
<!-- 在页面中间显示一个白底方框长300px，宽100px，id为prizeBox-->
<div id="prizeBox"
     style="position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 300px;height: 100px;background-color: white;"></div>
<!-- 在白框下方绘制一个按钮，按钮文本为点击抽奖，id为startButton-->
<button id="startButton"
        style="position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);padding: 10px 20px">点击抽奖
</button>
<!-- 定义一个全局变量type，值为0 -->
<script>
    var type = 0;
</script>

<!-- 给一个script标签，标签内引入js/lottery.js -->
<script src="{{ url_for('static',filename='js/lottery.js') }}"></script>

</body>
</html>